<template>
  <div class="content">
    <div class="banner">
    <HomeSwiper
    
        :imgs="[
          publicUrl('/images/banner1.jpg'),
          publicUrl('/images/attract-shop.jpg'),
          publicUrl('/images/banner3.jpg'),
        ]"
      />
     </div> 
      <shop />
      <Detail />
      
    
  </div>
</template>
<script setup lang="ts" name="">
import shop from "./components/Shop/index.vue";
import Detail from "./components/Detail/index.vue";
import HomeSwiper from "@/components/HomeSwiper/index.vue";
import { publicUrl } from "@/utils/util";
import { computed } from "vue";
import { useRoute } from "vue-router";
const route = useRoute();
// const path = computed(() => route.path);
</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./index.scss";
}
</style>
